import React, {Component} from 'react';

class Demo extends Component {
    state = {
        count:0
    }
    add = ()=>{
        // const {count} = this.state
        // // 对象的写法
        // this.setState({count:count+1},()=>{
        //     console.log('count',this.state.count) // 这里可以查看输出来是否更新了状态
        // })
        // 函数的写法
        this.setState((state,props)=>{ // 接收两个参数,第一个是原来的状态state，第二个是接收的参数props
            console.log(state,props)

            return {count:state.count + 1}
        },()=>{
            console.log('更新后的数据',this.state.count)
        })

    }
    render() {
        return (
            <div>
                <h2>当前求和为:{this.state.count}</h2>
                <button onClick={this.add}>点击+1</button>
            </div>
        );
    }
}

export default Demo;
